<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="/lib/css/bootstrap.min.css" />
    <script src="/lib/js/bootstrap.bundle.min.js"></script>
    <script src="/lib/js/jQuery.js"></script>
    <link rel="stylesheet" href="/lib/css/fontawesome-free-6.5.1-web/css/all.css" />
    <style>
      * {
        border: 0px red solid;
      }
      body {
        background-color: #f5f6fa;
      }
      .row {
        display: flex;
        flex-wrap: wrap;
        margin-right: -14px;
        margin-left: -14px;
      }
      .h200 {
        height: 50rem;
      }
      .h150 {
        height: 40rem;
      }
      .User-information {
        height: 100%;
      }
      .chart {
        padding-left: 1.5rem;
      }
      .User-title {
        height: 3rem;
      }
      .User-content {
        height: 40rem;
      }
      .btn-toggle-nav a {
        display: inline-flex;
        margin-top: 0.5rem;
        margin-left: 4.5rem;
      }
      .button-wallet {
        padding-left: 0;
      }
      .img-circle {
        height: 5rem;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .img-circle img {
        border-radius: 50%;
      }
      .img-circle a {
        border-radius: 50%;
      }
      .li-user {
        height: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .li-user a {
        text-decoration: none;
      }
      .img-center {
        width: 2rem;
        height: 2rem;
      }
      .a-center {
        display: flex;
        align-items: center;
      }
      .h10 {
        margin-top: 0.5rem;
      }
    </style>
  </head>
  <body>
    <div class="container-fluid">
      <div class="row h10">
        <div class="col-md-12 h200 chart">
          <div class="row">
            <div class="col-md-12">
              <div
                class="User-title mb-5 bg-white rounded-3 ps-3 d-flex justify-content-around align-items-center"
              >
                <a
                  href="/userCenterManage/userInfo.html"
                  class="text-decoration-none a-center text-black-50"
                  target="User-center"
                >
                  <span>基本信息</span></a
                >
                <a
                  href="/userCenterManage/updataCode.html"
                  class="text-decoration-none a-center text-black-50"
                  target="User-center"
                >
                  <span>修改密码</span></a
                >
                <div class="dropdown">
                  <a
                    class="btn dropdown-toggle"
                    href="#"
                    role="button"
                    id="dropdownMenuLink"
                    data-bs-toggle="dropdown"
                    aria-expanded="false"
                  >
                    钱包管理
                  </a>

                  <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
                    <li>
                      <a
                        class="dropdown-item"
                        href="/userCenterManage/pay.html"
                        target="User-center"
                        >充值</a
                      >
                    </li>
                    <li>
                      <a
                        class="dropdown-item"
                        href="/userCenterManage/selectMoney.html"
                        target="User-center"
                        >余额查询</a
                      >
                    </li>
                  </ul>
                </div>
                <a
                  href="/userCenterManage/register.html"
                  class="text-decoration-none a-center text-black-50"
                  target="User-center"
                >
                  <span>会员注册</span></a
                >
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-12">
              <div class="User-content mb-5 bg-white">
                <iframe
                  src="/userCenterManage/userInfo.html"
                  width="100%"
                  height="100%"
                  frameborder="0"
                  name="User-center"
                ></iframe>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
